<template>
  <el-tabs
      v-model="activeName"
      type="border-card"
      class="demo-tabs"
  >
    <el-tab-pane label="监控事件列表" name="surveillanceEvent">
      <keep-alive >
       <event v-if="activeName ==='surveillanceEvent'"/>
      </keep-alive>
    </el-tab-pane>
    <el-tab-pane label="督导员事件审核" name="supervisor">
      <keep-alive >
        <supervisor v-if="activeName ==='supervisor'"/>
      </keep-alive>

    </el-tab-pane>
  </el-tabs>

</template>

<script setup name="SurveillanceEvent">
import event from './event.vue'
import supervisor from './supervisor.vue'

const activeName =ref('surveillanceEvent');
</script>
<style  >
>>> .pagination-container .el-pagination {
  right: 40px !important;

}

>>> .pagination-container {
  margin-top: 0 !important;
}
</style>
